<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像</title>
    <!-- 
        知识点：
            1、掌握图像标签的基本语法<img src="" alt="">
            2、常用属性 
                src--source资源、来源--图片资源的地址
                alt--预文本--当图片加载失败时进行额外提示
                title--鼠标悬停提示
                width--宽度，默认单位px，也可以取值%，相对于父级元素(父标签)的百分比
                height---高度，默认单位px，也可以取值%，相对于父级元素(父标签)的百分比
            3、引入路径：相对路径+绝对路径
                相对路径：相对于自身当前路径进行分析
                    (1)引入同级目录文件方式./文件名或者直接编写文件名
                    (2)父级目录../
                    (3)祖先级目录../../依次递增
                绝对路径：相对根盘符或者线上图片地址进行分析  
                    （1）根盘符D、E、F 
                    （2）线上地址 
    -->
</head>
<body>
    <img 
        src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3742683430,1588986635&fm=26&gp=0.jpg" 
        alt="这是一个小哥哥"
        title="你好小哥"
        width="300"
        height="300"
    >
    <img 
        src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=334254853,4152214173&fm=26&gp=0.jpg" 
        alt="这是一个小哥哥"
        title="你好小哥"
        width="300"
        height="300"
    >
</body>
</html>



